<style>
    .bui-page.imageview .imgs .img{ height: 3rem; overflow: hidden; margin: .1rem; padding: .05rem; background-color: #fff; border-radius: .2rem; }
    .bui-page.imageview  .imgs .span1 img{ width: 100%; height: 100%; object-position: center; object-fit: contain; }
</style>
<div class="bui-page imageview">
    <header class="bui-bar">
        <div class="bui-bar-left">
            <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
        </div>
        <div class="bui-bar-main">图片查看器</div>
        <div class="bui-bar-right">
            <!-- 右边按钮 -->
        </div>
    </header>
    <main>
        <div class="bui-fluid-2 container-xy imgs">
            <div class="span1">
                <div class="img">
                    <img src="images/girl.jpg">
                </div>
            </div>
            <div class="span1">
                <div class="img">
                    <img src="images/tiger.jpg">
                </div>
            </div>
            <div class="span1">
                <div class="img">
                    <img src="images/city.jpg">
                </div>
            </div>
            <div class="span1">
                <div class="img">
                    <img src="images/sun.jpg">
                </div>
            </div>
            <div class="span1">
                <div class="img">
                    <img src="images/qrcode.png">
                </div>
            </div>
        </div>
    </main>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>